<!--<div class="i-kc-box" style="position: relative;width: 100%; border-bottom: 1px solid rgba(255,255,255,.8);">
    <a href=''>
        <button class="mui-btn mui-btn-block i-kc-btn link-href">
            <span>精品课程</span>
        </button>
    </a>
    <p class="mui-text-center">inhpo photoscan smart3d Eps VR</p>
</div>

<div class="i-kc-box" style="position: relative;width: 100%;">
    <a @*href='@Url.Action("TuiJian","TuiJian")' *@ href="@Url.Action("Index","Map")">
        <button class="mui-btn mui-btn-block i-kc-btn link-href">
            <span>掌门人工具包</span>
        </button>
    </a>

    <p class="mui-text-center">inhpo photoscan smart3d Eps VR</p>
</div>
    -->

<style type="text/css">

    body {
        background-color: #fff;
    }

    .lis {
        background-color: #fff;
        padding: 5px 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .lsts {
        background-color: #fff;
        padding: 15px 0;
    }

    .list {
        align-items: center;
    }

        .list p {
            font-size: 12px;
            color: #222222;
        }

    p {
        background-color: #fff;
        font-size: 18px;
        text-align: center;
    }

    .list img {
        width: 50px;
    }

    .tit {
        background-color: #fff;
        padding: 10px;
        display: flex;
    }

        .tit img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

    .box {
        box-sizing: border-box;
        background-color: #fff;
        padding: 10px 15px;
        display: flex;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: flex-start;
    }

    .arc {
        width: 70%;
        /* display: flex; */
    }

        .arc p {
            margin-top: 8px;
            font-size: 12px;
            text-align: left;
            color: #222222;
        }

    .picc {
        display: flex;
        margin-top: 20px;
        /* float: right; */
    }

        .picc img {
            width: 20px;
            height: 20px;
        }

    p {
        margin: 0;
    }

    .arcp {
        background-color: #fff;
        text-align: left;
        padding: 5px 15px;
        text-indent: 30px;
        font-size: 13px;
        color: #222222;
    }

    .red {
        font-size: 13px;
        padding: 0px 3px;
        border-radius: 3px;
        background-color: red;
        color: #FFFFFF;
    }

    .que {
        background-color: #fff;
        padding: 10px 15px;
        display: flex;
    }

    .wt {
        background-color: #fff;
        margin-left: 10px;
        font-size: 15px;
        /* margin-top:5px; */
    }

</style>
<div class="bg-gray ">

    <header class="mui-bar mui-bar-nav head-bar-nav">
        <h1 class="mui-title">
        @*<a href='@Url.Action("Index","Map")'>*@  
            .地信掌门人.</h1>
    </header>
    <!--DOM -->
    <div class="mui-content " style="position: relative;width: 100%;overflow: hidden;">
        <!---->
        <!-- Swiper -->
        <div class="swiper-container index-banner-swiper">
            <div class="swiper-wrapper">
                @if (ViewBag.Banner != null && (ViewBag.Banner as List<BannerEntity>)?.Count > 0)
            {
                foreach (var item in ViewBag.Banner as List<BannerEntity>)
                {
                    <div class="swiper-slide">
                        <img class="swiper-lazy" data-src="@item.ImgUrl" />
                    </div>
            }
        }
        else
        {
            <div class="swiper-slide">
                <img class="swiper-lazy" data-src="/images/index-banner-img1.jpg" alt="" />
            </div>
    }
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <!---->
        <!--<div class=" i-content-bg">-->

        <div class="lsts">
            <div class="lis">

                <div class="list">
                    <a href='@Url.Action("JingPinKC","TuiJian")'>
                        <img src="/images/icon1@2x.png">
                        <p>精品课堂</p>
                    </a>
                </div>

                <div class="list">
                    <a href='@Url.Action("Index","ZMR")'>
                        <img src="/images/icon2@2x.png" />
                        <p>地信掌门人</p>
                    </a>
                </div>

                <div class="list">
                    <a href='@Url.Action("Index","JiaoChengZL")'>
                        <img src="/images/icon3@2x.png" />
                        <p>教程资料</p>
                    </a>
                </div>



            </div>

            <div class="lis">

                <div class="list">
                    <a href='@Url.Action("Index","TuiJian")'>
                        <img src="/images/icon4@2x.png" />
                        <p>炫酷视频</p>
                    </a>
                </div>


                <div class="list">
                    <a href='@Url.Action("Index","Map")'>
                        <img src="/images/icon5@2x.png">
                        <p>掌门工具</p>
                    </a>
                </div>

                <div class="list">
                    <a href='@Url.Action("Index","YuanChengJX")'>
                        <img src="/images/icon6@2x.png" alt="" />
                        <p>远程教学</p>
                    </a>
                </div>

            </div>

        </div>

        <div class="tit">
            <img src="/images/tuijian@2x.png" alt="">
            <p style="font-size: 13px; color: #222222;">掌门推荐 <span style="margin-left: 200px;">@DateTime.Now.ToString("yyyy-MM-dd")</span> </p>

        </div>

        <div class="swiper-container1 index-banner-swiper">
            <div class="swiper-wrapper">








                @{
                        if (ViewBag.List != null)
                        {
                            var lists = ViewBag.List as List<zhangmenren.Models.ViewModle.WorksModel>;
              <div class="swiper-slide">
                <a href = '@Url.Action("Detail","TuiJian",new{id=lists[0].Id})' >
                    <img class="swiper-lazy" style="height:300px" src="@lists[0].CoverImg" />
                </a>
            </div>


}



                }




                @*<li class="mui-table-view-cell mui-media">
            <a class="mui-navigate-right" href='excellent-course-content.html'>
                <div class="mui-media-object mui-pull-left">
                    <img src="images/excellent-list-img1.jpg">
                </div>
                <div class="mui-media-body">
                    <h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
                    <p>￥232.80 </p>
                    <p>23人购买</p>
                </div>
            </a>
        </li>*@

            </div>
            <div class="swiper-pagination"></div>
        </div>

        <div class="tit">
            <img src="/images/tuijian@2x.png">
            <p style="font-size: 13px; color: #222222;"><a href='@Url.Action("Index","ZMR")'>地信圈</a></p>
        </div>



        @if (ViewBag.Commment != null)
    {

        foreach (var item in ViewBag.Commment as List<zhangmenren.Models.CommentEntity>)
        {
            <div class="box">

                <img src="@item.HeadImg" style="width: 60px;
                height: 60px;
                margin-right: 15px;">
                <div class="arc">

                    <p style="font-size: 15px;">@item.UserName</p>
                    <p style="">@string.Format("{0:yyyy-MM-dd}", item.AddDT)</p>
                </div>

                <div class="picc">
                    <img src="/images/jinbi.png" alt="" style="margin-right: 10px;"><span style="color: yellow;">2</span>
                </div>
            </div>



            <div class="que">
                <span class="red">问</span>

                <span class="wt">@item.Content</span>


            </div>
            @if (!string.IsNullOrEmpty(item.HuiFu))
        {
            <p class="arcp">
                <span class="" style="font-size: 15px;color: red;font-weight: bold;">掌门人：</span>
                @item.HuiFu
            </p>
    }

    }
}
       

        @*<dt class="mui-clearfix">
            <div class="head">
                <img src="images/personalData-headImg.png" alt="">
            </div>
            <div class="mui-pull-left">
                <p>一克拉梦想ykt1</p>
                <p style="color: #b2b2b2;font-size: 12px;">10小时前</p>
                <p>请问这个软件我应该从哪里学起呢？</p>
            </div>
        </dt>*@



        <!---->
    </div>
    @{
        await Html.RenderPartialAsync("_Menu", 1);
    }
</div>


@section Scripts{
<script type="text/javascript" charset="utf-8">
        var swiper = new Swiper('.swiper-container', {
            slidesPerView: 3,
            speed: 700,
            spaceBetween: 0,
            slidesPerView: 'auto',
            centeredSlides: true,
            loop: true,
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            //          autoplay: {
            //              delay: 3000,
            //              stopOnLastSlide: false,
            //              disableOnInteraction: false,
            //          },
            lazy: {
                loadPrevNext: true,
                loadOnTransitionStart: false,
                loadPrevNextAmount: 1,
            },
        });

        swiper.lazy.load();




</script>



}